<template>
  <div class="recommend">
    <!-- 轮播图 -->
    <carousel />
    <!-- 心灵/管理 -->
    <heart />
    <!-- 猜你喜欢 -->
    <you-likes />
    <!-- 编辑推荐 -->
    <editors-recommend />
    <!-- 热门榜单/查看全部 -->
    <hot-list />
    <!-- 本周新书 -->
    <week-new-book />
    <!-- 近期新书 -->
    <recent-book />
    <!-- 专属为你推荐 -->
    <for-you />
  </div>
</template>

<script>
import { ref } from "vue";
import Carousel from "@/components/Recommend/Carousel.vue";
import YouLikes from "@/components/Recommend/YouLikes.vue";
import Heart from "@/components/Recommend/Heart.vue";
import EditorsRecommend from "@/components/Recommend/EditorsRecommend.vue";
import HotList from "@/components/Recommend/HotList.vue";
import WeekNewBook from "@/components/Recommend/WeekNewBook.vue";
import RecentBook from "@/components/Recommend/RecentBook.vue";
import ForYou from "@/components/Recommend/ForYou.vue";

export default {
  components: {
    Carousel,
    YouLikes,
    Heart,
    EditorsRecommend,
    HotList,
    WeekNewBook,
    RecentBook,
    ForYou,
  },
  setup() {
    const value = ref("");
    return {
      value,
    };
  },
};
</script>

<style lang="less"></style>
